<template>
    <div class="t1">AD place name</div>
    <div class="t2">AD place name</div>
    <div style="color:red;font-size:20px" v-t="'person.name'"></div>
     <div style="color:red;font-size:20px" v-t="'home.text1'"></div>
      <div style="color:red;font-size:20px" v-t="'home.text2'"></div>

        <div class="btn-view-home">
         <div @click="btnChange('zh')">中文</div>
         <div @click="btnChange('en')">英文</div>
     </div>
     <ul class="pagelist">
        <li>
            <router-link to="/global-ad-space">全球广告位</router-link>
        </li>
        <li>
            <router-link to="/enter">入口</router-link>
        </li>
        <li>
            <router-link to="/ad">广告相关</router-link>
        </li>
        <li>
            <router-link to="/collection">藏品</router-link>
        </li>
        <li>
            <router-link to="/home">我的</router-link>
        </li>
        <li>
            <router-link to="/shop">商铺</router-link>
        </li>
        <li>
            <router-link to="/shop/123">商铺详情</router-link>
        </li>
        <li>
            <router-link to="/shop/self">自提</router-link>
        </li>
        <li>
            <router-link to="/shop/delivery">送货</router-link>
        </li>
        <li>
            <router-link to="/goods/123">商品详情</router-link>
        </li>
        <li>
            <router-link to="/ad/space">广告位</router-link>
        </li>
        <li>
            <router-link to="/prop">道具</router-link>
        </li>
        <li>
            <router-link to="/capital">收支</router-link>
        </li>
        <li>
            <router-link to="/activity/worldcup">世界杯</router-link>
        </li>
         <li>
            <router-link to="/sell">售卖</router-link>
        </li>
    </ul> 

    <object data="/h5/images/loading.svg" width="36" height="36" type="image/svg+xml"/>

</template>
<script>
import { ref } from 'vue';
import  { List } from 'vant';
import { useI18n } from 'vue-i18n'
export default {
  components:{List},
  setup() {
    const list = ref([]);
    const loading = ref(false);
    const finished = ref(false);
    const {t,locale} = useI18n()
   const  btnChange =(lang)=>{
       console.log(lang)
        locale.value = lang
        localStorage.setItem('lang', lang)// 重要！下面遇到问题里解释
   }
    return {
      list,
      loading,
      finished,
      btnChange
    }
  }
};

</script>

<style lang="scss" scoped>
.page-list{
    height:100vh;
    overflow: scroll;
}
    .pagelist{
        padding:40px;
        li{
            font-size: 30px;
            a{
                display: block;
                padding: 10px 0;
                color: red;
            }
        }
    }
    .t1{
        font-family: Poppins-Bold !important;
        font-size: 30px;
        color:#000;
    }
    .t2{
        font-family: Inter-Bold !important;
        font-size: 30px;
        color:#000;
    }
    .ht{
        border: 1px solid red;
        color: #333;
        height: 80px;
        line-height: 80px;
        text-align: center;
    }
    .btn-view-home{
        display: flex;
        justify-content: flex-start;
        >div{
            width:200px;
            height:80px;
            line-height:80px;
            text-align: center;
            color:red;
            font-size:16px;
            margin-right:10px;
        }
    }
</style>